@font-face
{
    font-family: Muiicons;
    src: url('../fonts/mui.ttf'),
    url('../fonts/mui.ttf'); /* IE9+ */
}

body{
    width:100%;
    height:100%;
    background-color: #f0f2f4;
    font-family: "Microsoft YaHei";
}
.container{
    padding:0 .3rem;
}
.title{
    font-size:.3rem;
}
.currentLocation .title{
    height:.6rem;
    line-height: .6rem;
    color: #333333;
}
.curretnLocationMsg{
    height:.8rem;
    background: white;
    font-size:.3rem;
    width:100%;
    display: table;
    border-top:1px solid #cecece;
    border-bottom:1px solid #cecece;
}
.curretnLocationMsg p{
    display: table-cell;
    vertical-align: middle;
    padding-left: .3rem;
}
.curretnLocationMsg span{
    text-align: right;
    display: table-cell;
    vertical-align: middle;
    font-size:.24rem;
    padding-right: .3rem;
}
.hotCity{
    margin-top:.25rem;
    padding-top:.15rem;
    padding-bottom: .4rem;
    background-color: white;
    overflow: hidden;
    border-top:1px solid #cecece;
    border-bottom:1px solid #cecece;
}
.hotCity .title{
    color:#333333;
    text-indent: .1rem;
    border-left:5px solid #1fb48e;
    margin-bottom:3px;
}


.hotCity #hotCityList li{
    width:22.72%;
    text-align: center;
    display: inline-block;
    float:left;
    border:1px solid #cecece;
    border-radius: 30px;
    margin-right:2%;
    margin-top:.25rem;
    font-size:.26rem;
    line-height: .5rem;
    height:.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hotCity #hotCityList li:nth-of-type(4n){
    margin-right:0
}
.hotCity #hotCityList li.actived{
    border-color:#1fb48e;
    color:#1fb48e;
}
.allCity{
    margin-top:.25rem;
    background-color: white;
    border-top:1px solid #cecece;
}
.allCity .title{
    color:#333333;
    text-indent: .1rem;
    margin-left:.3rem;
    margin-bottom:3px;
    padding:0.225rem 0;
}
.allCity .title p{
    border-left:5px solid #1fb48e;
}
.allCity .ShengContent,.allCity .city{
    height:.80rem;
    font-size:.30rem;
    line-height: .80rem;
}
.cityList{
    display: none;
}
#shengList{
    border-top:1px solid #ddd;
}
.allCity .ShengContent{
    text-indent: .30rem;
    display: table;
    width: 100%;
    border-bottom:1px solid #ddd ;
}
.allCity .ShengContent p{
    float: left;
}
.allCity .city {
    text-indent: .60rem;
    border-bottom:1px solid #ddd ;
}
.ShengContent:after {
    font-family: Muiicons;
    content: '\e583';
    display: inline-block;
    float: right;
    margin-right: .30rem;
    color:#c0c0c0;
}
.ShengContent.actived:after {
    font-family: Muiicons;
    content: '\e581';
    display: inline-block;
    float: right;
    margin-right: .30rem;
    color:#c0c0c0;
}